<template>
  <view>
    <web-view v-if="isOpen(url)" :src="url"></web-view>
    <view v-else class="tip  column">
      <text>如需浏览,请长按网址复制后使用浏览器访问：</text>
      <text selectable>{{url}}</text>
    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {
      url: null
    }
  },
  onLoad (option) {//来自index 里面的传参
    this.url = option.url
    console.log('opy', option)
  },
  methods: {
    isOpen () {
      if (this.url) {
        //只能固定的网站网站
        return this.url.includes('www.baidu.com')

      }
    }
  }
}
</script>

<style lang="scss">
.tip {
  position: relative;
  top: 200rpx;
  width: 500rpx;
  margin: 0 auto;
  // 自动换行
  word-wrap: break-word;
  font-size: 30rpx;
  text-align: center;
  text:first-child {
    //第一个text 元素
    font-size: 40rpx;
    font-weight: bold; //加粗字体
    margin-bottom: 30rpx;
  }
  text:nth-child(2) {
    //:nth-child 它会根据指定的选择器选定页面或父元素的第n个元素
    font-size: 40rpx;
  }
}
</style>
